﻿<!DOCTYPE html>
<head>
  <link href="/normalize.css" rel="stylesheet">
  <title>Dark Demons Blog</title>
  <style>
    header {
      text-align: center;
      background: url("http://www.xsjjys.com/data/out/13/WHDQ-511613663.jpg");
      background-size: cover;
      color: white;
    }
    a {
      color: darkgoldenrod;
    }
      button {
          border: 1px solid red;
          border-radius: 10px;
      }
    h1 {
      font-size: 70px;
    }
    img {
      margin: 40px 0px 0px 0px;
      border: 7px solid white;
      border-radius: 20px;
    }
    ul {
      padding: 10px;
      background: rgba(0,0,0,0.5);
    }
    li {
      display: inline;
      padding: 0px 10px 0px 10px;
    }
    article {
      max-width: 500px;
      padding: 20px;
      margin: 0 auto;
        color: aqua;
    }
    @media (max-width: 500px) {
      h1 {
        font-size: 36px;
        padding: 5px;
        color: darkred;
      }
      li {
        padding: 5px;
        display: block;
        color: darkred;
      }
    }
      body {
          background: url("https://img00.deviantart.net/9482/i/2012/080/a/a/zombie_warriors_by_cloudminedesign-d4thg2s.jpg");
          background-size: cover;
      }
  </style>
</head>
<body>
  <header>
    <img src="https://vignette.wikia.nocookie.net/powerlisting/images/c/c8/Grim-reaper.jpg/revision/latest?cb=20110625033327">
    <h1>Dark Demons's Blog</h1>
    <ul>
      <li><a href="Blog.html">About Us</a></li>
    </ul>
  </header>
  <article>
    <h2>Nivaris</h2>
    <p>Real Name is : Omar Radi Benjelloun, 16 Years old. The tallest guy in the band, also the most evil, and anarchiest, hates everyone, and plan to burn his own school, cause he had so many fights with his own teachers all over the year.</p>
    <button><a href="https://www.facebook.com/omar.benjelloun01">Facebook</a></button>
  </article>
  <article>
    <h2>Draygo</h2>
    <p>Real Name is: Yassine Nait Rich, 16 years old.The most anxious one in the band, also he can't just stop asking some stupid questions, but he got some big dreams, like becoming a huge drug dealer just like <a href="https://en.wikipedia.org/wiki/Pablo_Escobar">"Pablo Escobar"</a>, anyway he's kind.</p>
    <button><a href="https://www.facebook.com/naitriche">Facebook</a></button>
  </article>
  <article>
    <h2>Pascal</h2>
    <p>Real Name is :<strong>"we won't tell he don't want to"</strong>, 16 years old. Well he's the always nervous one, who doesn't agree with any oppinion of the others, he likes only his own choice, he won't follow you anywhere until you give him a cigarette. And one of his goals is to buy a hippie van. </p>
    <button><a href="https://www.facebook.com/abdo.bouiri.1">Facebook</a></button>
  </article>
  <script>
    $("button").on("click", function() {
      alert("WA SIR T7AWA YN3AL MOK");
    });
  </script>
</body>
